<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			body {
				font-size: 12px;
				font-family: tahoma, arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "微软雅黑", "宋体", sans-serif;
				color: #333;
			}
			
			ul {
				list-style-type: none;
			}
			
			.fl {
				float: left;
			}
			
			.fr {
				float: right;
			}
			
			.pr {
				position: relative;
			}
			
			.pa {
				position: absolute;
			}
			
			a {
				text-decoration: none;
				color: black;
			}
			
			.right {
				width: 36px;
				height: 100%;
				background-color: black;
				position: fixed;
				text-align: center;
				right: 0;
				z-index: 20;
			}
			
			.right-ul {
				position: relative;
			}
			
			.right-1 {
				width: 36px;
				line-height: 70px;
				vertical-align: bottom;
				height: 70px;
				background-image: url(img/头像1.png);
				background-repeat: no-repeat;
				background-position-y: -5px;
				margin-top: 100px;
				color: white;
				background-color: black;
				cursor: pointer;
			}
			
			.rig-u .rig-1:hover {
				cursor: pointer;
			}
			
			.rig-1-y {
				width: 270px;
				height: 280px;
				position: absolute;
				left: 5px;
				top: 1px;
				background-color: white;
				border: solid 1px #CCCCCC;
				/*display: none;*/
				overflow: hidden;
				z-index: -1;
			}
			
			.rig-1-u {
				width: 270px;
				color: black;
				text-align: center;
				margin: 0 auto;
			}
			
			.right-2 {
				height: 150px;
				border: solid 1px saddlebrown;
				background-image: url(img/20171226094256.png);
				margin: 0;
			}
			
			.right-3 {
				height: 36px;
				background-image: url(img/图片1.png);
				/*margin: 20px 0;*/
				position: relative;
			}
			
			.right-3:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao1.png);
			}
			
			.right-3:hover .rig-u3 {
				display: block;
			}
			
			.rig-u3 {
				width: 150px;
				height: 36px;
				line-height: 36px;
				color: black;
				border: solid 1px #CCCCCC;
				background-color: white;
				text-align: center;
				position: absolute;
				left: -150px;
				top: 0px;
				display: none;
			}
			
			.right-4 {
				height: 36px;
				background-image: url(img/图标2.png);
				/*margin: 20px 0;*/
				position: relative;
			}
			
			.right-4:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao2.png);
			}
			
			.right-4:hover .rig-u3 {
				display: block;
			}
			
			.right-5 {
				height: 36px;
				background-image: url(img/图标3.png);
				/*margin: 20px 0;*/
				position: relative;
			}
			
			.right-5:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao3.png);
			}
			
			.right-5:hover .rig-u3 {
				display: block;
			}
			
			.right-6 {
				height: 36px;
				background-image: url(img/图标4.png);
				/*margin: 20px 0;*/
				position: relative;
			}
			
			.right-6:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao4.png);
			}
			
			.right-6:hover .rig-u3 {
				display: block;
			}
			
			.right-7 {
				height: 36px;
				background-image: url(img/图标5.png);
				margin-top: 50px;
				position: relative;
			}
			
			.right-7:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao5.png);
			}
			
			.right-7:hover .rig-u3 {
				display: block;
			}
			
			.right-8 {
				height: 36px;
				background-image: url(img/图标6.png);
				margin: 20px 0;
				position: relative;
			}
			
			.right-8:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao6.png);
			}
			
			.right-8:hover .rig-u3 {
				display: block;
			}
			
			#guanbi {
				width: 20px;
				height: 20px;
				/*border: solid 1px blue;*/
				position: absolute;
				top: 10px;
				left: 235px;
				background-image: url(img/sprites-hash-9b207a41.png);
				background-position: -105px -203px;
			}
			
			.divA {
				width: 100%;
				height: 28px;
				background-color: #f5f5f5;
			}
			
			.divA_a {
				width: 1000px;
				margin: 0 auto;
			}
			
			.divA_a_01 {
				padding-left: 15px;
				padding-right: 23px;
				width: 46px;
				height: 26px;
				cursor: pointer;
				background-color: transparent;
				border: 1px solid transparent;
				border-bottom: 1px solid transparent;
			}
			
			.tianjinshi {
				line-height: 27px;
			}
			
			.Border {
				width: 0;
				height: 0;
				/*border-bottom: 4px solid transparent;*/
				border-top: 4px solid #999;
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				top: 10px;
				right: 10px;
			}
			
			.divA_a_01_shengfen {
				width: 470px;
				height: 286px;
				padding-right: 15px;
				padding-left: 15px;
				width: 470px;
				background-color: #fff;
				border: 1px solid #CCC;
				top: 26px;
				left: -1px;
				z-index: 1000;
				display: none;
			}
			
			.divA_a_01_shengfen_dizhi {
				line-height: 26px;
				padding: 7px 0;
			}
			
			.dizhi1 {
				font-weight: bold;
				width: 68px;
				line-height: 28px;
				border: 1px solid #ccc;
				text-align: center;
				border-top: 2px solid #F10180;
				border-bottom: 1px solid white;
				z-index: 10;
			}
			
			.dizhi2 {
				padding: 20px 13px 20px 13px;
				border-top: 1px solid #ccc;
			}
			
			.bai2 {
				width: 68px;
				border-top: 1px solid white;
				left: 1px;
				top: -1px;
			}
			
			.dizhi2 li {
				float: left;
				width: 68px;
				padding: ;
				border: 1px solid transparent;
				margin-bottom: 2px;
				margin-right: 3px;
				line-height: 26px;
				text-indent: 1.2em;
				border-radius: 2px;
			}
			
			.dizhi2 li:hover {
				border: 1px solid #F10180;
			}
			
			.dizhi2 li:hover a {
				color: #F10180;
			}
			
			.bai1 {
				width: 84px;
				left: 0;
				top: -1px;
				border-bottom: 1px solid white;
			}
			
			.divA_a_02 {
				margin: 0 7.5px;
				line-height: 26px;
				text-align: center;
				padding: 0 7.5px;
				border: 1px solid transparent;
			}
			
			.divA_a_02_bianse:hover {
				border: 1px solid #cdcdcd;
				background-color: white;
			}
			
			.divA_a_02:hover .Abiaoqian {
				color: #F10180;
			}
			
			.divA_a_02:hover .JLB_div {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_2:hover .divA_a_02_qiandao {
				display: block;
			}
			
			.divA_a_02_bianse:hover .temai {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_bianse:hover .Border2 {
				border: 4px solid transparent;
			}
			
			.divA_a_02_bianse:hover .divA_a_02_sf {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_bianse:hover .KHFW_div {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_bianse:hover .SJB_div {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_bianse:hover .GENGDUO_div {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_sf {
				width: 280px;
				height: 151px;
				border: 1px solid #cdcdcd;
				padding: 10px 0;
				top: 26px;
				left: -1px;
				z-index: 1000;
				display: none;
			}
			
			.bai3 {
				width: 49px;
				border: 1px solid white;
				top: -1px;
				left: 0;
			}
			
			.divA_a_02_sf_touxiang {
				width: 240px;
				height: 38px;
				padding: 15px 20px 0px 20px;
			}
			
			.touxiang {
				background-image: url(image/sprites-hash-9b207a41.png);
				background-position: -164px -142px;
				width: 38px;
				height: 38px;
				border-radius: 50%;
				margin-right: 10px;
			}
			
			.touxiang_denglu {
				border-bottom: #d6d6d6 1px dotted;
				width: 175px;
				padding-left: 5px;
				height: 32px;
				text-align: left;
			}
			
			.touxiang_denglu a:hover {
				color: #F10180;
			}
			
			.touxiang_neirong {
				line-height: 20px;
				margin: 10px 12px;
				margin: 10px 12px;
				line-height: 28px;
			}
			
			.touxiang_neirong_span {
				width: 50%;
				text-align: left;
			}
			
			.touxiang_neirong_span a:hover {
				color: #F10180;
			}
			
			.divA_a_03 {
				line-height: 26px;
				color: #D0D0D0;
			}
			
			.BGI1 {
				width: 15px;
				height: 18px;
				margin-right: 3px;
				margin-top: 2px;
				background-image: url(image/header_sign-hash-0459d02c.gif);
			}
			
			.BGI2 {
				background-image: url(image/sprites-hash-9b207a41.png);
				background-position: -294px -142px;
				width: 10px;
				height: 14px;
				margin-left: 1px;
				margin-right: 3px;
				margin-top: 6px;
			}
			
			.Border2 {
				width: 0;
				height: 0;
				/*border-bottom: 4px solid transparent;*/
				border-top: 4px solid #999;
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				margin-top: 12px;
			}
			
			.divA_a_02_qiandao {
				background-color: #fff;
				width: 402px;
				height: 152px;
				padding: 0 29px;
				color: #4d4d4d;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
				border-radius: 1px;
				left: -192px;
				top: 27px;
				display: none;
			}
			
			.divA_a_02_qiandao_kuai1 {
				top: -13px;
				left: 50%;
				color: white;
				text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
			}
			
			.divA_a_02_qiandao_kuai2 {
				top: -11px;
				left: 50%;
				color: white;
			}
			
			.colorxian {
				width: 395px;
				height: 2px;
				background-color: #CCC;
				top: 50px;
				left: 32px;
			}
			
			.colorxian_image {
				width: 441px;
				height: 24px;
				left: -23px;
				top: -12px;
			}
			
			.colorxian_image_0 {
				width: 24px;
				height: 17px;
				margin: 4px 19.5px;
				background-image: url(img/sprites-hash-9b207a41.png);
				/*background-color: black;*/
			}
			
			.dw1 {
				background-position: -220px -183px;
			}
			
			.dw2 {
				background-position: -164px -183px;
			}
			
			.dw3 {
				background-position: -192px -183px;
			}
			
			.riqi {
				width: 441px;
				height: 24px;
				left: -23px;
				top: 10px;
			}
			
			.riqi_tian {
				width: 24px;
				height: 16px;
				margin: 4px 19.5px;
				text-align: center;
			}
			
			.QianDao {
				width: 402px;
				height: 33px;
				border-top: 1px solid #F0F0F0;
				left: -5px;
				top: 55px;
			}
			
			.inputqiandao {
				padding: 0 20px;
				margin: 5px 0;
				background-color: #F10180;
				border-radius: 3px;
				color: white;
			}
			
			.p_qiandao {
				line-height: 40px;
				text-decoration: underline;
			}
			
			.p_qiandao:hover {
				color: #F10180;
			}
			
			.temai {
				width: 100px;
				height: 90px;
				border: 1px solid #CDCDCD;
				padding: 10px 10px 10px 0;
				top: 26px;
				left: -16px;
				display: none;
			}
			
			.bai4 {
				width: 74px;
				border: 1px solid white;
				top: -1px;
				left: 15px;
			}
			
			.temai_sanjiao {
				width: 0;
				height: 0;
				border-bottom: 4px solid #F10180;
				/*border-top: 4px solid transparent;*/
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				top: -14px;
				left: 71px;
			}
			
			.temai_p {
				line-height: 30px;
				text-indent: 11px;
			}
			
			.temai_p:hover a {
				color: #F10180;
			}
			
			.JLB_div {
				width: 80px;
				padding: 4px 4px;
				line-height: 30px;
				border: 1px solid #CCCCCC;
				top: 26px;
				left: -1px;
				display: none;
			}
			
			.JLB_div_p:hover a {
				color: #F10180;
			}
			
			.bai5 {
				width: 86px;
				border: 1px solid white;
				top: -1px;
				left: 0;
			}
			
			.JLB_div_sanjiao {
				width: 0;
				height: 0;
				border-bottom: 4px solid #F10180;
				/*border-top: 4px solid transparent;*/
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				top: -14px;
				left: 67px;
			}
			
			.KHFW_div {
				width: 109px;
				padding: 3px 0;
				border: 1px solid #CCCCCC;
				top: 26px;
				left: -17px;
				display: none;
			}
			
			.KHFW_div_p {
				line-height: 30px;
			}
			
			.KHFW_div_p:hover a {
				color: #F10180;
			}
			
			.bai6 {
				width: 74px;
				border: 1px solid white;
				top: -1px;
				left: 16px;
			}
			
			.KHFW_div_sanjiao {
				width: 0;
				height: 0;
				border-bottom: 4px solid #F10180;
				/*border-top: 4px solid transparent;*/
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				top: -14px;
				left: 72px;
			}
			
			.SJB_div {
				width: 185px;
				padding: 13px 0;
				border: 1px solid #CCCCCC;
				left: -121px;
				z-index: 1000;
				display: none;
			}
			
			.SJB_div_ewm {
				width: 161px;
			}
			
			.SJB_div_p {
				line-height: 20px;
				font-weight: bold;
				font-size: 14px;
			}
			
			.SJB_div_p:hover a {
				color: #F10180;
			}
			
			.bai7 {
				width: 63px;
				border: 1px solid white;
				top: -1px;
				left: 120px;
			}
			
			.GENGDUO_div {
				width: 282px;
				height: 140px;
				padding: 10px 0;
				border: 1px solid #CCCCCC;
				top: 26px;
				left: -231px;
				z-index: 1000;
				display: none;
			}
			
			.HZZQ {
				padding: 0 20px;
				text-align: left;
				font-size: 14px;
			}
			
			.HZZQ_neirong {
				margin-right: 20px;
			}
			
			.GENGDUO_div p {
				padding: 0 20px;
				text-align: left;
			}
			
			.GENGDUO_div_xian {
				width: 260px;
				margin: 13px 11px;
				border-top: #d5d5d5 1px dotted;
			}
			
			.bai8 {
				width: 50px;
				border: 1px solid white;
				top: -1px;
				left: 230px;
			}
			
			.GENGDUO_div_sanjiao {
				width: 0;
				height: 0;
				border-bottom: 4px solid #F10180;
				/*border-top: 4px solid transparent;*/
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				top: -14px;
				left: 261px;
			}
			
			.HZZQ_neirong:hover {
				color: #F10180;
			}
			
			.tow {
				width: 1000px;
				height: 100px;
				line-height: 100px;
				margin: 0 auto;
				overflow: hidden;
			}
			
			.tow .tow-u .tow-1 {
				float: right;
			}
			
			.tow-u li {
				float: left;
			}
			
			.noe {
				height: 40px;
				clear: both;
				background-color: #F10180;
			}
			
			.noe .noe-u {
				width: 1000px;
				margin: 0 auto;
			}
			
			.noe .noe-u .noe-1 {
				float: right;
			}
			
			.noe-u li {
				height: 40px;
				line-height: 40px;
				color: white;
				padding: 0 10px;
				float: left;
				font-size: 18px;
			}
			
			.noe-u li:hover {
				background-color: #BD1067;
			}
			
			.noe-u li:hover .noe-u-gd-t {
				display: block;
			}
			
			.noe-u-gd {
				position: relative;
				z-index: 1;
			}
			
			.noe-u-gd-t {
				width: 570px;
				overflow: hidden;
				background-color: white;
				border: solid 1px black;
				display: none;
				position: absolute;
				left: -519px;
			}
			
			.noe-u-gd-t1 {
				width: 170px;
				height: 96px;
				background-image: url(img/1467620773404.jpg);
				background-size: cover;
				margin: 10px;
				float: left;
			}
			
			.noe-u-gd-t2 {
				width: 170px;
				height: 96px;
				background-image: url(img/1467620841997.jpg);
				background-size: cover;
				margin: 10px;
				float: left;
			}
			
			.noe-u-gd-t3 {
				width: 170px;
				height: 96px;
				background-image: url(img/1476702224646.jpg);
				background-size: cover;
				margin: 10px;
				float: left;
			}
			
			.noe-u-gd-t4 {
				width: 170px;
				height: 96px;
				background-image: url(img/1505354197881.png);
				background-size: cover;
				margin: 10px;
				float: left;
			}
			
			.noe-u-gd-t1:hover p {
				top: 0;
				line-height: 96px;
				background-color: rgba(88, 88, 88, 0.8);
			}
			
			.noe-u-gd-t1 p {
				line-height: 48px;
				text-align: center;
				background-color: rgba(88, 88, 88, 0.5);
				position: relative;
				top: 48px;
				overflow: hidden;
			}
			
			.noe-u-gd-t2:hover p {
				top: 0;
				line-height: 96px;
				background-color: rgba(88, 88, 88, 0.8);
			}
			
			.noe-u-gd-t2 p {
				line-height: 48px;
				text-align: center;
				background-color: rgba(88, 88, 88, 0.5);
				position: relative;
				top: 48px;
				overflow: hidden;
			}
			
			.noe-u-gd-t3:hover p {
				top: 0;
				line-height: 96px;
				background-color: rgba(88, 88, 88, 0.8);
			}
			
			.noe-u-gd-t3 p {
				line-height: 48px;
				text-align: center;
				background-color: rgba(88, 88, 88, 0.5);
				position: relative;
				top: 48px;
				overflow: hidden;
			}
			
			.noe-u-gd-t4:hover p {
				top: 0;
				line-height: 96px;
				background-color: rgba(88, 88, 88, 0.8);
			}
			
			.noe-u-gd-t4 p {
				line-height: 48px;
				text-align: center;
				background-color: rgba(88, 88, 88, 0.5);
				position: relative;
				top: 48px;
				overflow: hidden;
			}
			/*轮播图*/
			
			.lunbo {
				background-image: url(img/下载.jpg);
				background-position: center;
			}
			
			.nav {
				width: 976px;
				height: 380px;
				margin: 0 auto;
				position: relative;
				border: solid 12px rgba(255, 255, 255, 0.8);
				border-bottom: 0px;
			}
			
			.nav:hover .flr {
				display: block;
			}
			
			.nav .flr {
				position: absolute;
				top: 140px;
				display: none;
				width: 976px;
			}
			
			.nav .flr div {
				width: 30px;
				height: 60px;
				background-color: rgba(102, 102, 102, 0.5);
				color: white;
				text-align: center;
				font-size: 30px;
				line-height: 60px;
				font-family: "黑体";
				font-weight: bold;
				cursor: pointer;
			}
			
			.nav_items {
				height: 340px;
			}
			
			.nav_items li {
				position: absolute;
				width: 976px;
			}
			
			.trigger {
				clear: both;
				overflow: hidden;
				text-align: center;
				margin: 0 auto;
			}
			
			.trigger li {
				display: inline-block;
				line-height: 40px;
				padding: 0px 20px;
				min-width: 100px;
				text-align: center;
				cursor: pointer;
			}
			
			.trigger li.active {
				border-bottom: 3px solid #e6057d;
			}
			
			.fiv {
				width: 1000px;
				margin: 0 auto;
			}
			
			.sex {
				width: 1000px;
				margin: 0 auto;
			}
			
			.sex-1 {
				text-align: center;
				float: left;
				margin: 0 7px;
				position: relative;
			}
			
			.sex-1 img {
				width: 111px;
				height: 111px;
			}
			
			.sex-ul-jb {
				width: 100px;
				height: 100px;
				position: absolute;
				top: 10px;
			}
			
			.sex-ul-jb:hover {
				cursor: pointer;
				background-color: rgba(255, 255, 255, 0.5);
			}
			
			.seven {
				width: 1000px;
				margin: 0 auto;
				overflow: hidden;
			}
			
			.oh {
				width: 1020px;
			}
			
			.seven-l {
				width: 490px;
				float: left;
				margin-right: 20px;
				position: relative;
			}
			
			.seven-ln {
				width: 490px;
				height: 310px;
			}
			
			.seven-ck {
				position: absolute;
				top: 195px;
			}
			
			.seven-ck-li {
				width: 100px;
				height: 100px;
				text-align: center;
				float: left;
				margin: 11px;
				/*	border: solid 1px black;*/
				background-color: white;
			}
			
			.seven-ck-t {
				margin-top: 10px;
				width: 68px;
				height: 60px;
			}
			
			.nine {
				width: 1000px;
				margin: 0 auto;
				overflow: hidden;
			}
			
			.nane-1 {
				/*width: 310px;
				height: 193px;*/
				float: left;
				margin-right: 20px;
				position: relative;
			}
			
			.nane-1-t {
				width: 320px;
				height: 193px;
			}
			
			.nane-1-n {
				width: 320px;
				position: absolute;
				top: 100px;
			}
			
			.nane-1-ul {
				text-align: center;
				overflow: hidden;
			}
			
			.nane-1-ul-li {
				width: 86px;
				height: 80px;
				text-align: center;
				float: left;
				margin: 0 10px;
				/*border: solid 1px black;*/
				background-color: white;
			}
			
			.nane-1n-t {
				width: 63px;
				height: 80px;
				text-align: center;
			}
			
			.nane-1n-t3 {
				width: 80px;
				height: 40px;
				margin: 20px 0;
			}
			
			.ten {
				width: 1000px;
				margin: 0 auto;
				clear: both;
				overflow: hidden;
			}
			
			.ten-color {
				width: 300px;
				height: 150px;
				text-align: center;
				margin: 0 90px;
				background-color: rgba(255, 255, 255, 0.8);
				position: absolute;
				top: 100px;
			}
			
			.ten-colorz {
				width: 150px;
				height: 100px;
				margin: 25px;
			}
			
			.ten-l {
				width: 490px;
				overflow: hidden;
				/*border: solid 1px #0000FF;*/
				margin-right: 20px;
				margin-bottom: 20px;
				float: left;
				position: relative;
			}
			
			.ten-l:hover {
				cursor: pointer;
			}
			
			.ten-l:hover .ten-ln {
				display: block;
			}
			
			.ten-ln {
				width: 440px;
				background-color: white;
				height: 300px;
				margin: 0 20px;
				display: none;
				position: absolute;
				top: 20px;
			}
			
			.ten-ln-li {
				float: left;
				text-align: center;
				margin: 15px 10px;
			}
			
			.ten-ln-tu {
				width: 126px;
				height: 165px;
			}
			
			.jinruzhuanqu {
				width: 440px;
				height: 50px;
				text-align: center;
			}
			
			.jinruzhuanqu-li {
				line-height: 50px;
				margin: 0 auto;
				text-align: center;
			}
			
			.jinruzhuanqu a {
				border: solid 1px black;
				padding: 10px 30px;
			}
			
			.jinruzhuanqu a:hover {
				background-color: black;
				color: white;
			}
			
			.eleven {
				width: 1000px;
				margin: 0 auto;
			}
			
			.nvzhuang {
				border-bottom: solid 2px black;
				width: 1000px;
				height: 43px;
				margin: 10px auto;
			}
			
			.nvzhuang-l {
				width: 273px;
				height: 43px;
				float: left;
			}
			
			.nvzhuang-r {
				height: 43px;
				line-height: 43px;
				float: right;
			}
			
			.meinv {
				width: 1000px;
				margin: 0 auto;
				/*border: solid 1px darkblue*/
				;
				overflow: hidden;
			}
			
			.meinv-l {
				width: 490px;
				height: 340px;
				/*border: solid 1px salmon;*/
				float: left;
				margin-right: 20px;
				margin-bottom: 20px;
			}
			
			.meinv-l-jianbian {
				width: 490px;
				border: solid 1px salmon;
				height: 300px;
				position: absolute;
				background-color: rgba(255, 255, 255, 0.5);
				display: none;
			}
			
			.meinv-l-tu {
				width: 490px;
				height: 300px;
			}
			
			.meinv-l span {
				font-size: 28px;
				color: #F10180;
			}
			
			.meinv-l:hover .meinv-l-jianbian {
				display: block;
				cursor: pointer;
			}
			
			.leftdaohangl {
				width: 100px;
				height: 551px;
				border: solid 1px #CCCCCC;
				border-radius: 10px;
				margin: 0 auto;
				position: absolute;
				top: 640px;
				left: 40px;
				/*position: fixed;
				top: 140px;
				left: 100px;*/
				background-color: white;
			}
			
			.leftdaohangl li {
				color: #777777;
				width: 90px;
				line-height: 45px;
				text-align: center;
				margin: 0 auto;
			}
			
			.leftdaohangl-1 {
				border-bottom: solid 1px #CCCCCC;
			}
			
			.leftdaohangl li:hover {
				cursor: pointer;
				color: white;
				background-color: #EB017D;
			}
			/*尾部*/
			
			.weibu {
				height: 477px;
				background-color: #F5F5F5;
				margin-top: 100px;
				clear: both;
			}
			
			.center-4 {
				width: 960px;
				margin: 0 auto;
			}
			
			.daxiao {
				width: 96px;
				height: 105px;
			}
			
			.daxiao2 {
				width: 58px;
				height: 75px;
				margin: 30px 19px 0 19px;
				background-image: url(img/tb.png);
			}
			
			.biao2 {
				background-position-x: 10.7%;
			}
			
			.biao3 {
				background-position-x: 21.4%;
			}
			
			.biao4 {
				background-position-x: 32.3%;
			}
			
			.biao5 {
				background-position-x: 42.8%;
			}
			
			.biao6 {
				background-position-x: 53.8%;
			}
			
			.biao7 {
				background-position-x: 64.7%;
			}
			
			.biao8 {
				background-position-x: 75.5%;
			}
			
			.biao9 {
				background-position-x: 86.2%;
			}
			
			.biao10 {
				background-position-x: 97%;
			}
			
			.dx {
				width: 162px;
				margin-top: 30px;
				border-right: 1px solid #B5B5B5;
			}
			
			.f-style {
				font-size: 12px;
				color: #B5B5B5;
				line-height: 25px;
				text-indent: 2em;
			}
			
			.bold {
				color: #4D4D4D;
				font-weight: bold;
			}
			
			.vph {
				width: 136px;
				margin-top: 30px;
			}
			
			.vipewm {
				width: 100px;
				height: 100px;
				margin: 0 22px;
			}
			
			.indent {
				text-indent: 1.5em;
			}
			
			.p_style {
				width: 960px;
				line-height: 20px;
				font-size: 12px;
				text-align: center;
			}
			
			.bgcolor {
				background-color: #F10180;
				color: white;
				margin: 20px 0;
			}
			
			.p_style a {
				color: white;
				padding: 0 3px;
			}
			
			.bgcolor a:hover {
				color: #B5B5B5;
			}
			
			.bgcolor2 {
				color: #4D4D4D;
			}
			
			.bgcolor2 a:hover {
				color: #F10180;
			}
			
			.bgcolor2 a {
				color: black;
			}
			
			.dx dd a:hover {
				color: #F00581
			}
			.leftdaohangl-1 a{
				color: #777777;
			}
			.leftdaohangl-1 a:hover{
				color: white;
			}
		</style>
	</head>
	<body>
		<div class="right ">
			<ul class="right-ul">

				<li class="right-1" id="chulai">账号

				</li>
				<div class="rig-1-y" id="duihu">
					<div id="guanbi">
					</div>
					<ul class="rig-1-u">
						<li><img src="img/20171226094209.png" /></li>
						<li>你好！请
							<a href="登录/denglu.html">登录</a>&iota;
							<a href="登录/zhuce.html">注册</a>
						</li>
						<li><img src="img/20171226094228.png" /><img src="img/20171226094237.png" /></li>
						<li>会员俱乐部</li>
					</ul>
				</div>
				<li class="right-2"></li>
				<li class="right-3">
					<div class="rig-u3">
						<p>
							<a href="#">我的优惠券</a>
						</p>
					</div>
				</li>
				<li class="right-4">
					<div class="rig-u3">
						<p>
							<a href="#">我的收藏</a>
						</p>
					</div>
				</li>
				<li class="right-5">
					<div class="rig-u3">
						<p>
							<a href="#">商品收藏</a>
						</p>
					</div>
				</li>
				<li class="right-6">
					<div class="rig-u3">
						<p>
							<a href="#">我的足迹</a>
						</p>
					</div>
				</li>
				<li class="right-7">
					<div class="rig-u3">
						<p>
							<a href="#">会员反馈</a>
						</p>
					</div>
				</li>
				<li class="right-8">
					<div class="rig-u3">
						<p>
							<a href="#">返回顶部</a>
						</p>
					</div>
				</li>
			</ul>

		</div>
		<div class="divA">
			<a name="fanhuidingbu"></a>
			<div class="divA_a">
				<div class="divA_a_01 fl pr" id="ShengFen" onclick="fun1()">
					<div class="tianjinshi pr" id="BIAN">天津市</div>
					<div class="Border pa"></div>
					<div class="pa divA_a_01_shengfen pr">
						<div class="bai1 pa"></div>
						<p class="divA_a_01_shengfen_dizhi">请选择你所在的收货地区</p>
						<ul>
							<li class="dizhi1">省份</li>
						</ul>
						<div class="dizhi2 pr">
							<div class="bai2 pa"></div>
							<ul id="shengfen_ul">
								<li>
									<a href="javascript:;">北京市</a>
								</li>
								<li>
									<a href="javascript:;">天津市</a>
								</li>
								<li>
									<a href="javascript:;">河北省</a>
								</li>
								<li>
									<a href="javascript:;">山西省</a>
								</li>
								<li>
									<a href="javascript:;">内蒙...</a>
								</li>
								<li>
									<a href="javascript:;">辽宁省</a>
								</li>
								<li>
									<a href="javascript:;">吉林省</a>
								</li>
								<li>
									<a href="javascript:;">黑龙江</a>
								</li>
								<li>
									<a href="javascript:;">上海市</a>
								</li>
								<li>
									<a href="javascript:;">江苏省</a>
								</li>
								<li>
									<a href="javascript:;">浙江省</a>
								</li>
								<li>
									<a href="javascript:;">安徽省</a>
								</li>
								<li>
									<a href="javascript:;">福建省</a>
								</li>
								<li>
									<a href="javascript:;">江西省</a>
								</li>
								<li>
									<a href="javascript:;">山东省</a>
								</li>
								<li>
									<a href="javascript:;">河南省</a>
								</li>
								<li>
									<a href="javascript:;">湖北省</a>
								</li>
								<li>
									<a href="javascript:;">湖南省</a>
								</li>
								<li>
									<a href="javascript:;">广东省</a>
								</li>
								<li>
									<a href="javascript:;">广西...</a>
								</li>
								<li>
									<a href="javascript:;">河南省</a>
								</li>
								<li>
									<a href="javascript:;">重庆市</a>
								</li>
								<li>
									<a href="javascript:;">四川省</a>
								</li>
								<li>
									<a href="javascript:;">贵州省</a>
								</li>
								<li>
									<a href="javascript:;">云南省</a>
								</li>
								<li>
									<a href="javascript:;">西藏...</a>
								</li>
								<li>
									<a href="javascript:;">陕西省</a>
								</li>
								<li>
									<a href="javascript:;">甘肃省</a>
								</li>
								<li>
									<a href="javascript:;">青海省</a>
								</li>
								<li>
									<a href="javascript:;">宁夏...</a>
								</li>
								<li>
									<a href="javascript:;">新疆...</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<ul class="fr">
					<li class="fl divA_a_02 pr divA_a_02_bianse">
						<a href="登录/denglu.html" target="_blank" class="Abiaoqian">请登录</a>
						<div class="pr divA_a_02_sf pa">
							<div class="bai3 pa"></div>
							<div class="divA_a_02_sf_touxiang">
								<div class="touxiang fl"></div>
								<div class="touxiang_denglu fl">
									<a href="登录/denglu.html" target="_blank">您好！[请登录]</a>
								</div>
								<p class="touxiang_neirong fl">
									<span class="fl touxiang_neirong_span"><a href="">我的收藏</a></span>
									<span class="fl touxiang_neirong_span"><a href="vipGouWuChe.html" target="_blank">我的订单</a></span>
									<span class="fl touxiang_neirong_span"><a href="">零钱</a></span>
									<span class="fl touxiang_neirong_span"><a href="">我的优惠券</a></span>
									<span class="fl touxiang_neirong_span"><a href="">我的唯品币</a></span>
									<span class="fl touxiang_neirong_span"><a href="">唯品金融</a></span>
								</p>
							</div>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02">
						<a href="登录/zhuce.html" target="_blank" class="Abiaoqian">注册</a>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 pr divA_a_02_2">
						<div class="BGI1 fl"></div>
						<a href="#">签到有礼</a>
						<div class="pr divA_a_02_qiandao pa">
							<div class="divA_a_02_qiandao_kuai1 pa">◆</div>
							<div class="divA_a_02_qiandao_kuai2 pa">◆</div>
							<div class="pr colorxian pa">
								<div class="colorxian_image pa">
									<div class="colorxian_image_0 fl dw1"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw3"></div>
								</div>
								<div class="riqi pa">
									<div class="riqi_tian fl">1天</div>
									<div class="riqi_tian fl">2天</div>
									<div class="riqi_tian fl">3天</div>
									<div class="riqi_tian fl">4天</div>
									<div class="riqi_tian fl">5天</div>
									<div class="riqi_tian fl">6天</div>
									<div class="riqi_tian fl">7天</div>
								</div>
								<div class="QianDao pa">
									<a href="#" class="fl p_qiandao">每天签到送惊喜， 连续签到更享心动奖励</a>
									<a href="#" class="fr inputqiandao">签到</a>
								</div>
							</div>

						</div>

					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02">
						<a href="vipGouWuChe.html" target="_blank" class="Abiaoqian">我的订单</a>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 pr divA_a_02_bianse">
						<a href="" class="fl Abiaoqian">我的特卖</a>
						<div class="Border2 fl"></div>
						<div class="pr temai pa">
							<div class="bai4 pa"></div>
							<div class="temai_sanjiao pa"></div>
							<p class="temai_p">
								<a href="#">品牌收藏(0)</a>
							</p>
							<p class="temai_p">
								<a href="#">商品收藏(0)</a>
							</p>
							<p class="temai_p">
								<a href="#">我的足迹(0)</a>
							</p>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 divA_a_02_bianse pr">
						<a href="" class="fl Abiaoqian">会员俱乐部</a>
						<div class="Border2 fl"></div>
						<div class="JLB_div pa pr">
							<div class="bai5 pa"></div>
							<div class="JLB_div_sanjiao pa"></div>
							<p class="JLB_div_p">
								<a href="#">俱乐部首页</a>
							</p>
							<p class="JLB_div_p">
								<a href="#">唯品币兑换</a>
							</p>
							<p class="JLB_div_p">
								<a href="#">免费抽大奖</a>
							</p>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 divA_a_02_bianse pr">
						<a href="" class="fl Abiaoqian">客户服务</a>
						<div class="Border2 fl"></div>
						<div class="KHFW_div pa pr">
							<div class="bai6 pa"></div>
							<div class="KHFW_div_sanjiao pa"></div>
							<p class="KHFW_div_p">
								<a href="#">联系客服</a>
							</p>
							<p class="KHFW_div_p">
								<a href="#">帮助中心</a>
							</p>
							<p class="KHFW_div_p">
								<a href="#">服务中心</a>
							</p>
							<p class="KHFW_div_p">
								<a href="#">知识产权投诉</a>
							</p>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 divA_a_02_bianse pr">
						<div class="BGI2 fl"></div>
						<a href="" class="Abiaoqian">手机版</a>
						<div class="SJB_div pa">
							<div class="bai7 pa"></div>
							<img src="img/1466134037230.jpg" class="SJB_div_ewm" />
							<p class="SJB_div_p">
								<a href="#">随时逛 及时抢</a>
							</p>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 divA_a_02_bianse pr">
						<a href="" class="fl Abiaoqian">更多</a>
						<div class="Border2 fl"></div>
						<div class="GENGDUO_div pa pr">
							<div class="pa bai8"></div>
							<div class="pa GENGDUO_div_sanjiao"></div>
							<h5 class="HZZQ">合作专区</h5>
							<p class="GENGDUO_div_p">
								<a href="#" class="HZZQ_neirong">联名卡申请</a>
								<a href="#" class="HZZQ_neirong">唯品卡</a>
								<a href="#" class="HZZQ_neirong">支付专区</a>
							</p>
							<h5 class="GENGDUO_div_xian"></h5>
							<h5 class="HZZQ">关于我们</h5>
							<p class="GENGDUO_div_p">
								<a href="#" class="HZZQ_neirong">Sell on vip</a>
								<a href="#" class="HZZQ_neirong">品牌招商</a>
								<a href="#" class="HZZQ_neirong">官方博客</a>
							</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="tow">
			<ul class="tow-u">
				<li>
					<a href="#"><img src="img/20171226094046.png" /></a>
				</li>
				<li>
					<a href="#"><img src="img/20171226183727.png" /></a>
				</li>
				<li>
					<a href="#"><img src="img/20171226183747.png" /></a>
				</li>
				<li>
					<a href="#"><img src="img/20171226183754.png" /></a>
				</li>
				<li class="tow-1">
					<a href="登录/weipinhui2.html"><img src="img/20171226094129.png" /></a>
				</li>
			</ul>
		</div>

		<div class="noe">
			<ul class="noe-u">
				<li>
					首页
				</li>
				<li>
					女装
				</li>
				<li>
					母婴
				</li>
				<li>
					美妆
				</li>
				<li>
					国际
				</li>
				<li>
					男士
				</li>
				<li>
					居家
				</li>
				<li>
					鞋包
				</li>
				<li>
					运动
				</li>
				<li>
					生活
				</li>
				<li>
					鞋包
				</li>
				<li class="noe-u-gd">
					更多
					<div class="noe-u-gd-t">
						<div class="noe-u-gd-t1">
							<p>唯品</p>
						</div>
						<div class="noe-u-gd-t2">
							<p>唯品</p>
						</div>
						<div class="noe-u-gd-t3">
							<p>唯品</p>
						</div>
						<div class="noe-u-gd-t4">
							<p>唯品</p>
						</div>
					</div>
				</li>

				<li class="noe-1">
					<a href="登录/vipShangPinLieBiao.html" style="color: white;">分类</a>
				</li>
				<li class="noe-1">
					搜索
				</li>
			</ul>
		</div>

		<div class="lunbo">

			<div class="nav">
				<ul id="J-nav_items" class="nav_items">
					<li style="opacity: 1;">
						<a href="#">
							<img width="100%" src="img/11.jpg" alt="" />
						</a>
					</li>
					<li style="opacity: 0;">
						<a href="#">
							<img width="100%" src="img/15141932916195.jpg" alt="" />
						</a>
					</li>
					<li style="opacity: 0;">
						<a href="#">
							<img width="100%" src="img/15141973263105.jpg" alt="" />
						</a>
					</li>
					<li style="opacity: 0;">
						<a href="#">
							<img width="100%" src="img/15141994560530.jpg" alt="" />
						</a>
					</li>
				</ul>
				<div class="flr">
					<div id="J-fl" class="fl">&lt;</div>
					<div id="J-fr" class="fr">&gt;</div>
				</div>
				<ul id="J-trigger" class="trigger">
					<li class="active">运动特惠</li>
					<li>商务装</li>
					<li>母婴产品</li>
					<li>家电大全</li>
				</ul>
			</div>
		</div>

		<div class="fiv">
			<img src="img/title.png" width="1000px" height="50px" />
		</div>
		<div class="sex">
			<ul class="sex-ul">

				<li class="sex-1">
					<div class="sex-ul-jb">
					</div>
					<a href="#"><img src="img/02-bag.jpg" /></a>
					<p>
						<a href="#">鞋包馆</a>
					</p>
				</li>

				<li class="sex-1">
					<div class="sex-ul-jb">
					</div>
					<a href="#"><img src="img/02-beauty.jpg" /></a>
					<p>
						<a href="#">美妆馆</a>
					</p>
				</li>

				<li class="sex-1">
					<div class="sex-ul-jb">
					</div>
					<a href="#"><img src="img/02-food.jpg" /></a>
					<p>
						<a href="#">生活超市</a>
					</p>
				</li>

				<li class="sex-1">
					<div class="sex-ul-jb">
					</div>
					<a href="#"><img src="img/02-kid.jpg" /></a>
					<p>
						<a href="#">母婴馆</a>
					</p>
				</li>

				<li class="sex-1">
					<div class="sex-ul-jb">
					</div>
					<a href="#"><img src="img/02-sport.jpg" /></a>
					<p>
						<a href="#">体用馆</a>
					</p>
				</li>
				<li class="sex-1">
					<div class="sex-ul-jb">
					</div>
					<a href="#"><img src="img/02-surprise.jpg" /></a>
					<p>
						<a href="#">今日惊喜</a>
					</p>
				</li>

				<li class="sex-1">
					<div class="sex-ul-jb">
					</div>
					<a href="#"><img src="img/man.jpg" /></a>
					<p>
						<a href="#">男装馆</a>
					</p>
				</li>

				<li class="sex-1">
					<div class="sex-ul-jb">
					</div>
					<a href="#"><img src="img/more.jpg" /></a>
					<p>
						<a href="#">更多分类</a>
					</p>
				</li>
			</ul>
		</div>
		<div class="seven">
			<div class="oh">

				<div class="seven-l">
					<img src="img/bg_dress.png" class="seven-ln" />
					<div class="seven-ck">
						<ul>
							<li class="seven-ck-li">
								<a href=""><img src="img/dress_1.jpg" class="seven-ck-t" /></a>
								<p>
									<a href="#">省心套装</a>
								</p>
							</li>

							<li class="seven-ck-li">
								<a href=""><img src="img/dress_2.jpg" class="seven-ck-t" /></a>
								<p>
									<a href="#">时髦大衣</a>
								</p>
							</li>

							<li class="seven-ck-li">
								<a href=""><img src="img/dress_3.jpg" class="seven-ck-t" /></a>
								<p>
									<a href="#">连衣裙</a>
								</p>
							</li>

							<li class="seven-ck-li">
								<a href=""><img src="img/dress_4.jpg" class="seven-ck-t" /></a>
								<p>
									<a href="#">精品配饰</a>
								</p>
							</li>
						</ul>
					</div>
				</div>
				<div class="seven-l">
					<img src="img/bg_beauty.png" class="seven-ln" />
					<div class="seven-ck">
						<ul>
							<li class="seven-ck-li">
								<a href=""><img src="img/beauty_1.jpg" class="seven-ck-t" /></a>
								<p>
									<a href="#">口碑面膜</a>
								</p>
							</li>

							<li class="seven-ck-li">
								<a href=""><img src="img/beauty_2.jpg" class="seven-ck-t" /></a>
								<p>
									<a href="#">人气彩妆</a>
								</p>
							</li>

							<li class="seven-ck-li">
								<a href=""><img src="img/beauty_3.jpg" class="seven-ck-t" /></a>
								<p>
									<a href="#">护肤套装</a>
								</p>
							</li>

							<li class="seven-ck-li">
								<a href=""><img src="img/beauty_4.jpg" class="seven-ck-t" /></a>
								<p>
									<a href="#">洗发护发</a>
								</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="fiv">
			<img src="img/today_DDp.png" width="1000px" height="58px" />
		</div>
		<div class="nine">
			<div class="oh">

				<div class="nane-1">
					<img src="img/zhuanshu_02.jpg" class="nane-1-t" />
					<div class="nane-1-n">
						<ul class="nane-1-ul">
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/8716200278775-1-5.jpg" class="nane-1n-t" /></a>
							</li>
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/BK7675-5.jpg" class="nane-1n-t" /></a>
							</li>
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/1c25d938-196e-4ca8-a32b-167ea9dad6a1.jpg" class="nane-1n-t" /></a>
							</li>
						</ul>
					</div>
				</div>
				<div class="nane-1">
					<img src="img/top_02.jpg" class="nane-1-t" />
					<div class="nane-1-n">
						<ul class="nane-1-ul">
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/39e7bd10-d2dc-46ba-a510-8577c538a812.jpg" class="nane-1n-t" /></a>
							</li>
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/e96def09-e478-446e-9559-1ab30b7d21e9.jpg" class="nane-1n-t" /></a>
							</li>
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/f2c9103e-8c04-4427-be68-ecc00a520fa7_t.jpg" class="nane-1n-t" /></a>
							</li>
						</ul>
					</div>
				</div>
				<div class="nane-1">
					<img src="img/she_02.jpg" class="nane-1-t" />
					<div class="nane-1-n">
						<ul class="nane-1-ul">
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/primary_160x80_90.png" class="nane-1n-t3" /></a>
							</li>
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/log.._160x80_90.png" class="nane-1n-t3" /></a>
							</li>
							<li class="nane-1-ul-li">
								<a href="#"><img src="img/log_160x80_90.png" class="nane-1n-t3" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="ten">
			<div class="oh">

				<div class="ten-l">
					<img src="img/aa1.jpg" />
					<div class="ten-color">
						<img src="img/naersi.png" class="ten-colorz" />
					</div>
					<div class="ten-ln">
						<ul class="ten-ln-ul">
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>

						</ul>
						<ul class="jinruzhuanqu">

							<li class="jinruzhuanqu-li">
								<a href="">进入专区</a>
							</li>
						</ul>
					</div>

				</div>

				<div class="ten-l">
					<img src="img/aa1.jpg" />
					<div class="ten-color">
						<img src="img/naersi.png" class="ten-colorz" />
					</div>
					<div class="ten-ln">
						<ul class="ten-ln-ul">
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>

						</ul>
						<ul class="jinruzhuanqu">

							<li class="jinruzhuanqu-li">
								<a href="">进入专区</a>
							</li>
						</ul>
					</div>

				</div>
				<div class="ten-l">
					<img src="img/aa1.jpg" />
					<div class="ten-color">
						<img src="img/naersi.png" class="ten-colorz" />
					</div>
					<div class="ten-ln">
						<ul class="ten-ln-ul">
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>

						</ul>
						<ul class="jinruzhuanqu">

							<li class="jinruzhuanqu-li">
								<a href="">进入专区</a>
							</li>
						</ul>
					</div>

				</div>
				<div class="ten-l">
					<img src="img/aa1.jpg" />
					<div class="ten-color">
						<img src="img/naersi.png" class="ten-colorz" />
					</div>
					<div class="ten-ln">
						<ul class="ten-ln-ul">
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>
							<li class="ten-ln-li">
								<a href="#"><img src="img/b1.jpg" class="ten-ln-tu" /></a>
								<p>￥1488</p>
							</li>

						</ul>
						<ul class="jinruzhuanqu">

							<li class="jinruzhuanqu-li">
								<a href="">进入专区</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</div>
		<div class="eleven">
			<img src="img/2222.jpg" width="1000px" height="188px" />
		</div>
		<div class="nvzhuang">
			<div class="nvzhuang-l">
				<img src="img/女装.png" />
			</div>
			<div class="nvzhuang-r">
				<p>
					<a href="#">全部女装品牌&gt;</a>
				</p>
			</div>
		</div>

		<div class="meinv">
			<a name="nnn"></a>
			<div class="oh">

				<div class="meinv-l">
					<div class="meinv-l-jianbian">

					</div>
					<a href="#"><img src="img/ias_151427895998673_570x273_90.jpg" class="meinv-l-tu" /></a>
					<p>
						<a href="#"><span>1.1</span>折起&nbsp;艾欧唯AIOV女装专场-跨年狂欢不....</a>
					</p>
				</div>
				<div class="meinv-l">
					<div class="meinv-l-jianbian">

					</div>
					<a href="#"><img src="img/ias_151427895998673_570x273_90.jpg" class="meinv-l-tu" /></a>
					<p>
						<a href="#"><span>1.1</span>折起&nbsp;艾欧唯AIOV女装专场-跨年狂欢不....</a>
					</p>
				</div>
				<div class="meinv-l">
					<div class="meinv-l-jianbian">

					</div>
					<a href="#"><img src="img/ias_151427895998673_570x273_90.jpg" class="meinv-l-tu" /></a>
					<p>
						<a href="#"><span>1.1</span>折起&nbsp;艾欧唯AIOV女装专场-跨年狂欢不....</a>
					</p>
				</div>
				<div class="meinv-l">
					<div class="meinv-l-jianbian">

					</div>
					<a href="#"><img src="img/ias_151427895998673_570x273_90.jpg" class="meinv-l-tu" /></a>
					<p>
						<a href="#"><span>1.1</span>折起&nbsp;艾欧唯AIOV女装专场-跨年狂欢不....</a>
					</p>
				</div>
			</div>
		</div>
		<div class="nvzhuang">
			<a name="zzz"></a>
			<div class="nvzhuang-l">
				<img src="img/men.png" />
			</div>
			<div class="nvzhuang-r">
				<p>
					<a href="#">全部男装品牌&gt;</a>
				</p>
			</div>

		</div>

		<div class="meinv">
			<div class="oh">

				<div class="meinv-l">
					<div class="meinv-l-jianbian">

					</div>
					<a href="#"><img src="img/ias_151131426758876_570x273_90.jpg" class="meinv-l-tu" /></a>
					<p>
						<a href="#"><span>1.1</span>折起&nbsp;森马男装专场-跨年狂欢不....</a>
					</p>
				</div>
				<div class="meinv-l">
					<div class="meinv-l-jianbian">

					</div>
					<a href="#"><img src="img/ias_151131426758876_570x273_90.jpg" class="meinv-l-tu" /></a>
					<p>
						<a href="#"><span>1.1</span>折起&nbsp;森马男装专场-跨年狂欢不....</a>
					</p>
				</div>
				<div class="meinv-l">
					<div class="meinv-l-jianbian">

					</div>
					<a href="#"><img src="img/ias_151131426758876_570x273_90.jpg" class="meinv-l-tu" /></a>
					<p>
						<a href="#"><span>1.1</span>折起&nbsp;森马男装专场-跨年狂欢不....</a>
					</p>
				</div>
				<div class="meinv-l">
					<div class="meinv-l-jianbian">

					</div>
					<a href="#"><img src="img/ias_151131426758876_570x273_90.jpg" class="meinv-l-tu" /></a>
					<p>
						<a href="#"><span>1.1</span>折起&nbsp;森马男装专场-跨年狂欢不....</a>
					</p>
				</div>
			</div>
		</div>
		<div class="leftdaohangl" id="adv">
			<ul>
				<li class="leftdaohangl-1">精选</li>
				<a href="#nnn"><li class="leftdaohangl-1">女装</li></a>
				<li class="leftdaohangl-1">鞋包</li>
				<a href="#zzz"><li class="leftdaohangl-1">男士</li></a>
				<li class="leftdaohangl-1">运动</li>
				<li class="leftdaohangl-1">饰品</li>
				<li class="leftdaohangl-1">美妆</li>
				<li class="leftdaohangl-1">母婴</li>
				<li class="leftdaohangl-1">居家</li>
				<li class="leftdaohangl-1">国际</li>
				<li class="leftdaohangl-1">生活</li>
				<li>预告</li>
			</ul>
		</div>

		<div class="weibu">
			<div class="center-4">
				<div class="daxiao fl">
					<div class="daxiao2 biao1"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao2"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao3"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao4"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao5"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao6"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao7"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao8"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao9"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao10"></div>
				</div>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style ">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="vph fl">
					<dt class="f-style bold">唯品会APP二维码</dt>
					<img src="img/20171226112740.png" class="vipewm " />
					<dt class="f-style bold indent">下载唯品会移动APP</dt>
				</dl>
				<p class="p_style fl bgcolor ">
					<a href="#">关于我们</a>|
					<a href="#">About us</a>|
					<a href="#">Investr Relations</a>|
					<a href="#">媒体报道</a>|
					<a href="#">品牌招商</a>|
					<a href="#">隐私条款</a>|
					<a href="#">唯品诚聘</a>|
					<a href="#">365爱心基金</a>|
					<a href="#">唯品卡</a>|
					<a href="#">联系我们</a>
				</p>
				<p class="p_style bgcolor2">Copyright © 2008-2017 vip.com，All Rights Reserved 使用本网站即表示接受
					<a href="#">唯品会用户协议</a>。版权所有
					<a href="#">广州唯品会信息科技有限公司</a><br />
					<a href="#">粤公网安备 44010302111111号</a>
					<a href="#">粤ICP备08114786号</a>
					<a href="#">ICP经营许可证：粤B2-20080329</a>
					<a href="#">网络文化经营许可证：粤网文〔2015〕1528-229</a><br />
					<a href="#">自营主体经营证照</a>
					<a href="#">风险监测信息</a>
					<a href="#">互联网药品交易服务资格证（粤C20140002）</a>
				</p>
			</div>
		</div>

		<script type="text/javascript">
			/**
			 * 点击左上天津导航触发显示事件
			 */
			var n = 1;

			function fun1() {

				n++;
				if(n % 2 == 0) {
					document.getElementById("ShengFen").parentNode.children[0].children[2].style.display = "block";
					document.getElementById("ShengFen").parentNode.children[0].style.backgroundColor = "white";
					document.getElementById("ShengFen").parentNode.children[0].style.border = "1px solid #ccc";
				} else {
					document.getElementById("ShengFen").parentNode.children[0].children[2].style.display = "none";
					document.getElementById("ShengFen").parentNode.children[0].style.backgroundColor = "transparent";
					document.getElementById("ShengFen").parentNode.children[0].style.border = "1px solid transparent";

				}
				console.log(n);
			}

			function shengfen() {
				var ShengFen = document.getElementById("shengfen_ul").getElementsByTagName("li");
				for(var i = 0; i < ShengFen.length; i++) {
					ShengFen[i].onclick = function() {
						//为了将所有省份的样式改为初始状态
						n++;
						for(var j = 0; j < ShengFen.length; j++) {
							ShengFen[j].style.backgroundColor = "white";
							ShengFen[j].children[0].style.color = "#000000";
						}
						//为了让点击的省份改变样式
						this.style.backgroundColor = "#F10180";
						this.children[0].style.color = "white";
						console.log(this.children[0].innerHTML);
						document.getElementById("BIAN").innerHTML = this.children[0].innerHTML;
					}
				}
			}
			shengfen();
			
			
			
			var tab = document.getElementById("adv")
			var tab = document.getElementById("adv");
			if(tab.currentStyle) {
				//IE
				var avdtop = parseInt(tab.currentStyle.top)
				var avdleft = parseInt(tab.currentStyle.left)
			} else {
				//IE,火狐，谷歌都支持
				var tops = document.defaultView.getComputedStyle(adv, null);
				var avdtop = parseInt(tops.top)
				var avdleft = parseInt(tops.left)
			}
			window.onscroll = function() {
				if(document.documentElement.scrollTop) {
					//兼容IE和谷歌
					var t = document.documentElement.scrollTop
					var l = document.documentElement.scrollLeft
				} else {
					//低版本谷歌浏览器
					var t = document.body.scrollTop
					var l = document.body.scrollLeft
				}
				if(t > 640) {
					tab.style.top = 100 + t + "px"
				} else {
					tab.style.top = "700px"
				}

				tab.style.left = avdleft + l + "px"
			}

			//			右导航
			document.getElementById("chulai").onmouseover = function() {
				document.getElementById("chulai").style.backgroundColor="#D80B8C"
				document.getElementById("chulai").style.backgroundImage="url(img/头像2.png)"
				var h = document.getElementById("duihu").offsetLeft;
				var id = setInterval(function() {
					h -= 10;
					if(h <= -270) {
						clearInterval(id);
					} else {
						document.getElementById("duihu").style.left = h + "px"
					}
				}, 10)

			}

			document.getElementById("guanbi").onclick = function() {
				document.getElementById("chulai").style.backgroundColor="black"
				document.getElementById("chulai").style.backgroundImage="url(img/头像1.png)"
				var col = this;
				var h = col.parentNode.offsetLeft
				var id = setInterval(function() {
					h += 10
					if(h > 5) {
						clearInterval(id);
					} else {
						col.parentNode.style.left = h + "px"
					}
				}, 10)
			}

			//轮播
			window.onload = function() {
				var lis = document.getElementById("J-trigger").getElementsByTagName("li");
				var navli = document.getElementById("J-nav_items");
				var index = 0;
				document.getElementById("J-fl").onclick = function() {
					index--;
					if(index < 0) {
						index = lis.length - 1;
					}
					MenuActiveByIndex();
				};
				document.getElementById("J-fr").onclick = function() {
					index++;
					if(index >= lis.length) {
						index = 0;
					}
					MenuActiveByIndex();
				};
				for(var i = 0; i < lis.length; i++) {
					lis[i].setAttribute("data-index", i);
					lis[i].onmouseover = function() {
						index = this.getAttribute("data-index");
						MenuActiveByIndex();
					};
				}

				function MenuActiveByIndex() {
					for(var k = 0; k < lis.length; k++) {
						lis[k].removeAttribute("class");
					}
					lis[index].className = "active";
					for(var n = 0; n < navli.children.length; n++) {
						navli.children[n].style.opacity = 0;
					}
					navli.children[index].style.opacity = 1;
				}

				setInterval(function() {
					index++;
					if(index == lis.length) {
						index = 0;
					}
					MenuActiveByIndex(index);
				}, 5000);
			};
		</script>
	</body>

</html>